//利用axios对axios进行二次封装
import axios from 'axios'
//①.引入进度条
import nprogress from 'nprogress';
// console.log(nprogress)，输出的内容其中start:表示进度条开始；done:表示进度条结束
//②.引入进度条样式
import "nprogress/nprogress.css";

//1.利用axios对象的方法create，创建一个axios实例
//2.request就是axios，但需要稍微进行配置。
const requests = axios.create({
    //配置对象
    //baseURL基础路径，发请求时，路径当中会出现api
    baseURL: "/mock",
    //timeout代表请求超时的时间
    timeout: 5000,
});

//请求拦截器：可以在发请求之前，可处理一些业务。
requests.interceptors.request.use((config) => {
    //config:配置对象，对象中有一个属性很重要(即：headers请求头)
    nprogress.start() //③.进度条开始动
    return config;
})

//响应拦截器
requests.interceptors.response.use((res) => {
    //响应成功的回调函数：服务器响应数据回来之后，响应拦截器可检测到，可做一些事情
    nprogress.done() //③.进度条结束
    return res.data;
}, (err) => {
    //响应失败的回调函数
    alert("服务器响应数据失败")
});


//对外暴露
export default requests;